<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<html>
<head>
  <title>image</title>
  <link
	href="<c:url value="/resources/css/menu.css" />"
	rel="stylesheet" type="text/css">
  <script type="text/javascript"
	src="<c:url value="/resources/js/jquery-1.8.0.min.js" />"></script>
	<script type="text/javascript"
	src="<c:url value="/resources/views/menu.js" />"></script>
	<link
	href="<c:url value="/resources/css/menu.css" />"
	rel="stylesheet" type="text/css">
	<link
	href="<c:url value="/resources/css/index.css" />"
	rel="stylesheet" type="text/css">

  <script type="text/javascript">
	// <![CDATA[
	var myMenu;
	window.onload = function() {
		myMenu = new SDmenu("sdmenu");
		myMenu.init();
	};
	var flag = true;

	function sideTo(){
		if(flag){
			$(".head_title").hide();
			$("#sdmenu").hide();
			$(".right").css("width","97%");
			$("#slide").toggleClass("slide_button_in");
			$("#slide").toggleClass("slide_button");
			document.getElementById("slide_image").src="<c:url value='/resources/css/images/slide_button2.png' />";
			this.flag = false;
			}
			else{
			$(".head_title").show();
			$("#sdmenu").show();
			$(".right").css("width","87%");
			$("#slide").toggleClass("slide_button_in");
			$("#slide").toggleClass("slide_button");
			document.getElementById("slide_image").src="<c:url value='/resources/css/images/button2.png' />";
			this.flag = true;
			}
	}
	</script>
</head>
<body>
<div class="header"></div>
<div class="left">
	<div class="head_title"></div>
<!--左侧的菜单开始-->
	<div id="sdmenu" class="sdmenu" style="float:left">
		<c:forEach var="bean" items="${UrlList}">
			<div class="collapsed">				
				<span>${bean.name}</span>
				<c:forEach var="a" items="${bean.childrenUrl}">
				<a href="" target="mainframe">${a.name} </a>
				</c:forEach>
			</div>
		</c:forEach>
	</div>
	<div class="slide">
		<div class="slide_button" id="slide">
		<a href="javascript:sideTo();"><image id="slide_image" src="/resources/css/images/button2.png"/></a>
		</div>
	</div>
</div>
<div class="right">
<iframe name="mainframe" frameborder="0" width="100%" height="500px">
</iframe>
</div> 
 
</body>
</html>